로고, 제품 사진, 배너 이미지에서 대표 색상을 뽑아 웹사이트 테마, 상세페이지, 썸네일, CSS 변수에 바로 활용할 수 있습니다.
업로드 파일은 외부 서버로 업로드 되지 않습니다.(사용자 자체 로컬 PC 사용)
이미지 읽기, 색상 추출, 그라디언트 생성, PNG 다운로드는 모두 현재 브라우저에서 처리됩니다.
Q. 색상이 너무 비슷하게 나와요
색상 개수를 줄이거나 샘플 간격을 기본/빠름으로 바꾸면 비슷한 색상이 줄어들 수 있습니다.
Q. SVG도 가능한가요?
브라우저가 이미지로 렌더링할 수 있는 SVG는 미리보기와 색상 추출이 가능합니다.
Q. 대비 점수는 무엇인가요?
선택한 배경색과 추출 색상 간 WCAG 대비 비율입니다. 텍스트 색상 선택 시 참고할 수 있습니다.
Q. CSS 변수는 어디에 쓰나요?
웹사이트 테마, 버튼, 배경, 차트 색상 등 반복적으로 쓰는 색상을 관리할 때 유용합니다.
쇼핑몰: 제품 사진에서 브랜드 톤을 뽑아 상세페이지 배색에 맞춰보세요.
디자인: 대표 색상 2~3개로 배너 그라디언트를 빠르게 만들 수 있습니다.
개발: CSS 변수 복사로 테마 색상을 바로 코드에 붙여넣으세요.
가독성: 대비 비율이 높은 색상을 텍스트 색상 후보로 선택하세요.
현재 이 도구는 한 픽셀을 직접 찍는 스포이드형 컬러 피커가 아니라, 이미지 전체를 샘플링해 4~12개의 대표 색상을 자동 추출하는 팔레트 추출기입니다. 대부분 투명한 픽셀과 거의 흰색인 픽셀은 대표 색상 후보에서 제외하며, 결과 색상마다 HEX·RGB·HSL을 확인할 수 있습니다. 정확한 특정 픽셀 색을 직접 클릭해 선택하는 기능은 지원하지 않습니다.